<%-- 
    Document   : patientData
    Created on : Mar 24, 2012, 4:26:42 PM
    Author     : Kyle
--%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        <LINK REL=StyleSheet HREF="./css/main.css" TYPE="text/css"/>
    </head>
    <body>

        <div class="filler">
            <div class="bg">
                <div class="main">
                    <div class="hdr">
                        <div class="logo">
                            <img src="./imgs/logo.png"/>
                        </div>

                        <div class="hdr_content_container">
                            <div class="acct_btns" style="margin-top : 10px;">
                                <div class="acct_btn">
                                    <a href="accountSettings.jsp">Account Settings</a>
                                </div>
                                <div class="acct_btn">
                                    <a href="LoginServlet?action=logout">Log Out</a>
                                </div>
                            </div>

                            <div class="acct_btns" style="margin-top: 75px;">
                                <div class="acct_btn">
                                    <a href="dashboard.jsp">Home</a>
                                </div>
                                <div class="acct_btn">
                                    <a href="calendar.jsp">Calendar</a>
                                </div>
                                <div class="acct_btn">
                                    <a href="plans.jsp">Plans</a>
                                </div>
                                <div class="acct_btn">
                                    <a href="data.jsp">Data</a>
                                </div>
                                <div class="acct_btn">
                                    <a href="friends.jsp">Friends</a>
                                </div>

                            </div>
                        </div>
                    </div>
                    <!-- hdr -->
                    
                    <div class="container">
                        <div class="left_nav">
                            <div class="left_nav_title">
                                <span>My Plans</span>
                                <form name="planForm">
                                    <select id="planSelect" name="planSelect" onchange="loadPlanEvents()">
                                        <c:forEach var="plan" items="${joinedPlans.listPlans}" varStatus="loopCount">
                                            <option value="${plan.planID}">${plan.planName}</option>
                                        </c:forEach>
                                    </select>
                                </form>
                                <form id ="eventForm" name="eventForm">
                                    <select id="eventSelect" name="eventSelect" onchange="createChart()">
                                        
                                    </select>
                                </form>
                            </div>
                        </div>
                        <div class="page_body">
                            <div id="example_chart" style="height:500px; width:100%;">

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <script src="./js/prototype.js"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
        <script src="http://code.highcharts.com/highcharts.js"></script>
        <script src="http://code.highcharts.com/modules/exporting.js"></script>
        <script src="./js/loadData.js"></script>
    </body>
</html>
